<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="ID" prop="oid">
        <el-input
          v-model="queryParams.oid"
          placeholder="请输入ID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="单号" prop="orderId">
        <el-input
          v-model="queryParams.orderId"
          placeholder="请输入单号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="展示单号" prop="orderIdView">
        <el-input
          v-model="queryParams.orderIdView"
          placeholder="请输入展示单号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="名称" prop="gameName">
        <el-input
          v-model="queryParams.gameName"
          placeholder="请输入名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="区服" prop="gameArea">
        <el-input
          v-model="queryParams.gameArea"
          placeholder="请输入区服"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="服务器" prop="gameServer">
        <el-input
          v-model="queryParams.gameServer"
          placeholder="请输入服务器"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="职业" prop="gameJob">
        <el-input
          v-model="queryParams.gameJob"
          placeholder="请输入职业"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="分组" prop="gameGroup">
        <el-input
          v-model="queryParams.gameGroup"
          placeholder="请输入分组"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="角色名" prop="roleName">
        <el-input
          v-model="queryParams.roleName"
          placeholder="请输入角色名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="等级" prop="levelMark">
        <el-input
          v-model="queryParams.levelMark"
          placeholder="请输入等级"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="标签" prop="orderLabel">
        <el-input
          v-model="queryParams.orderLabel"
          placeholder="请输入标签"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="标签颜色" prop="orderLabelColor">
        <el-input
          v-model="queryParams.orderLabelColor"
          placeholder="请输入标签颜色"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="预计小时数" prop="hours">
        <el-input
          v-model="queryParams.hours"
          placeholder="请输入预计小时数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="超时描述" prop="orderHoursDescStr">
        <el-input
          v-model="queryParams.orderHoursDescStr"
          placeholder="请输入超时描述"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="订单状态" prop="orderSta">
        <el-input
          v-model="queryParams.orderSta"
          placeholder="请输入订单状态"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="指派时间" prop="assTime">
        <el-date-picker clearable
          v-model="queryParams.assTime"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择指派时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="开始时间" prop="startTime">
        <el-date-picker clearable
          v-model="queryParams.startTime"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择开始时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="期望完成时间" prop="expectEndTime">
        <el-input
          v-model="queryParams.expectEndTime"
          placeholder="请输入期望完成时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="接单人" prop="recManName">
        <el-input
          v-model="queryParams.recManName"
          placeholder="请输入接单人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="接单费用" prop="recFee">
        <el-input
          v-model="queryParams.recFee"
          placeholder="请输入接单费用"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否自动指派" prop="isAutoAssignment">
        <el-input
          v-model="queryParams.isAutoAssignment"
          placeholder="请输入是否自动指派"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="自动指派人" prop="autoAssignmentManName">
        <el-input
          v-model="queryParams.autoAssignmentManName"
          placeholder="请输入自动指派人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
        <el-input
          v-model="queryParams.createTime"
          placeholder="请输入创建时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="接单时间" prop="recOrderTime">
        <el-date-picker clearable
          v-model="queryParams.recOrderTime"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择接单时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="机位编号" prop="jiwei">
        <el-input
          v-model="queryParams.jiwei"
          placeholder="请输入机位编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否已读" prop="isRead">
        <el-input
          v-model="queryParams.isRead"
          placeholder="请输入是否已读"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否加急" prop="isJiaJi">
        <el-input
          v-model="queryParams.isJiaJi"
          placeholder="请输入是否加急"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否拆单" prop="isSplitOrder">
        <el-input
          v-model="queryParams.isSplitOrder"
          placeholder="请输入是否拆单"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="自定义标签" prop="customizeTag">
        <el-input
          v-model="queryParams.customizeTag"
          placeholder="请输入自定义标签"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="任务ID" prop="taskId">
        <el-input
          v-model="queryParams.taskId"
          placeholder="请输入任务ID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="任务名称" prop="taskName">
        <el-input
          v-model="queryParams.taskName"
          placeholder="请输入任务名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="游戏账号" prop="gameAcc">
        <el-input
          v-model="queryParams.gameAcc"
          placeholder="请输入游戏账号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="账号密码" prop="accPwd">
        <el-input
          v-model="queryParams.accPwd"
          placeholder="请输入账号密码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="子账号" prop="zgameAcc">
        <el-input
          v-model="queryParams.zgameAcc"
          placeholder="请输入子账号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="黑名单ID" prop="backListId">
        <el-input
          v-model="queryParams.backListId"
          placeholder="请输入黑名单ID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="拆单ID" prop="splitId">
        <el-input
          v-model="queryParams.splitId"
          placeholder="请输入拆单ID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="手机号" prop="moblie">
        <el-input
          v-model="queryParams.moblie"
          placeholder="请输入手机号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="QQ号" prop="qq">
        <el-input
          v-model="queryParams.qq"
          placeholder="请输入QQ号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="旺旺号" prop="WangWang">
        <el-input
          v-model="queryParams.WangWang"
          placeholder="请输入旺旺号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="来源平台" prop="orderSoure">
        <el-input
          v-model="queryParams.orderSoure"
          placeholder="请输入来源平台"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="来源域名" prop="soureFromHost">
        <el-input
          v-model="queryParams.soureFromHost"
          placeholder="请输入来源域名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="客户付款价格" prop="price">
        <el-input
          v-model="queryParams.price"
          placeholder="请输入客户付款价格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="录单人" prop="inputOrderManName">
        <el-input
          v-model="queryParams.inputOrderManName"
          placeholder="请输入录单人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="派单人" prop="assUserName">
        <el-input
          v-model="queryParams.assUserName"
          placeholder="请输入派单人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否抛单" prop="isThrowOrder">
        <el-input
          v-model="queryParams.isThrowOrder"
          placeholder="请输入是否抛单"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="原始订单ID" prop="orderFromOrderId">
        <el-input
          v-model="queryParams.orderFromOrderId"
          placeholder="请输入原始订单ID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="允许改价" prop="isAllowChangeOrderFee">
        <el-input
          v-model="queryParams.isAllowChangeOrderFee"
          placeholder="请输入允许改价"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="接单保障金" prop="recOrderInsureAmount">
        <el-input
          v-model="queryParams.recOrderInsureAmount"
          placeholder="请输入接单保障金"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="支付方式" prop="payMethod">
        <el-input
          v-model="queryParams.payMethod"
          placeholder="请输入支付方式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="服务费用" prop="serviceAmount">
        <el-input
          v-model="queryParams.serviceAmount"
          placeholder="请输入服务费用"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否推送JDP" prop="isPushJdp">
        <el-input
          v-model="queryParams.isPushJdp"
          placeholder="请输入是否推送JDP"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="抛单次数" prop="throwCount">
        <el-input
          v-model="queryParams.throwCount"
          placeholder="请输入抛单次数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="JDP推送状态" prop="pushJdpOrderState">
        <el-input
          v-model="queryParams.pushJdpOrderState"
          placeholder="请输入JDP推送状态"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="完成时间" prop="completeTime">
        <el-date-picker clearable
          v-model="queryParams.completeTime"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择完成时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="组长UID" prop="groupMangeUid">
        <el-input
          v-model="queryParams.groupMangeUid"
          placeholder="请输入组长UID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="接单结算次数" prop="recSettCount">
        <el-input
          v-model="queryParams.recSettCount"
          placeholder="请输入接单结算次数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="上传截图数" prop="imgCount">
        <el-input
          v-model="queryParams.imgCount"
          placeholder="请输入上传截图数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="手机" prop="sphone">
        <el-input
          v-model="queryParams.sphone"
          placeholder="请输入手机"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="删除时间" prop="delTime">
        <el-date-picker clearable
          v-model="queryParams.delTime"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择删除时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="删除人" prop="delUserName">
        <el-input
          v-model="queryParams.delUserName"
          placeholder="请输入删除人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="下单人" prop="addOrderUserName">
        <el-input
          v-model="queryParams.addOrderUserName"
          placeholder="请输入下单人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="退款金额" prop="refundFee">
        <el-input
          v-model="queryParams.refundFee"
          placeholder="请输入退款金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="退款时间" prop="refundTimeStr">
        <el-input
          v-model="queryParams.refundTimeStr"
          placeholder="请输入退款时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="退款方式" prop="refundModel">
        <el-input
          v-model="queryParams.refundModel"
          placeholder="请输入退款方式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="退款人" prop="refundUserName">
        <el-input
          v-model="queryParams.refundUserName"
          placeholder="请输入退款人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="项目类型" prop="projectTypeName">
        <el-input
          v-model="queryParams.projectTypeName"
          placeholder="请输入项目类型"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="实收金额" prop="netReceipts">
        <el-input
          v-model="queryParams.netReceipts"
          placeholder="请输入实收金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="TID" prop="tid">
        <el-input
          v-model="queryParams.tid"
          placeholder="请输入TID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="渠道ID" prop="fsid">
        <el-input
          v-model="queryParams.fsid"
          placeholder="请输入渠道ID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="客户ID" prop="customerId">
        <el-input
          v-model="queryParams.customerId"
          placeholder="请输入客户ID"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="原始价格" prop="originPrice">
        <el-input
          v-model="queryParams.originPrice"
          placeholder="请输入原始价格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="优惠" prop="discount">
        <el-input
          v-model="queryParams.discount"
          placeholder="请输入优惠"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['order:raw:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['order:raw:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['order:raw:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['order:raw:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="rawList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="ID" align="center" prop="oid" />
      <el-table-column label="单号" align="center" prop="orderId" />
      <el-table-column label="展示单号" align="center" prop="orderIdView" />
      <el-table-column label="名称" align="center" prop="gameName" />
      <el-table-column label="区服" align="center" prop="gameArea" />
      <el-table-column label="服务器" align="center" prop="gameServer" />
      <el-table-column label="职业" align="center" prop="gameJob" />
      <el-table-column label="分组" align="center" prop="gameGroup" />
      <el-table-column label="角色名" align="center" prop="roleName" />
      <el-table-column label="等级" align="center" prop="levelMark" />
      <el-table-column label="物品备注" align="center" prop="itemRemark" />
      <el-table-column label="其他备注" align="center" prop="otherRemark" />
      <el-table-column label="标签" align="center" prop="orderLabel" />
      <el-table-column label="标签颜色" align="center" prop="orderLabelColor" />
      <el-table-column label="预计小时数" align="center" prop="hours" />
      <el-table-column label="超时描述" align="center" prop="orderHoursDescStr" />
      <el-table-column label="订单状态" align="center" prop="orderSta" />
      <el-table-column label="项目描述" align="center" prop="project" />
      <el-table-column label="指派时间" align="center" prop="assTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.assTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="开始时间" align="center" prop="startTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="期望完成时间" align="center" prop="expectEndTime" />
      <el-table-column label="接单人" align="center" prop="recManName" />
      <el-table-column label="接单费用" align="center" prop="recFee" />
      <el-table-column label="是否自动指派" align="center" prop="isAutoAssignment" />
      <el-table-column label="自动指派人" align="center" prop="autoAssignmentManName" />
      <el-table-column label="创建时间" align="center" prop="createTime" />
      <el-table-column label="接单时间" align="center" prop="recOrderTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.recOrderTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="机位编号" align="center" prop="jiwei" />
      <el-table-column label="是否已读" align="center" prop="isRead" />
      <el-table-column label="是否加急" align="center" prop="isJiaJi" />
      <el-table-column label="是否拆单" align="center" prop="isSplitOrder" />
      <el-table-column label="自定义标签" align="center" prop="customizeTag" />
      <el-table-column label="动态备注" align="center" prop="dynamicRemark" />
      <el-table-column label="订单备注" align="center" prop="orderRemark" />
      <el-table-column label="任务ID" align="center" prop="taskId" />
      <el-table-column label="任务名称" align="center" prop="taskName" />
      <el-table-column label="游戏账号" align="center" prop="gameAcc" />
      <el-table-column label="账号密码" align="center" prop="accPwd" />
      <el-table-column label="子账号" align="center" prop="zgameAcc" />
      <el-table-column label="订单内容" align="center" prop="orderContent" />
      <el-table-column label="黑名单ID" align="center" prop="backListId" />
      <el-table-column label="拆单ID" align="center" prop="splitId" />
      <el-table-column label="手机号" align="center" prop="moblie" />
      <el-table-column label="QQ号" align="center" prop="qq" />
      <el-table-column label="旺旺号" align="center" prop="WangWang" />
      <el-table-column label="来源平台" align="center" prop="orderSoure" />
      <el-table-column label="来源域名" align="center" prop="soureFromHost" />
      <el-table-column label="客户付款价格" align="center" prop="price" />
      <el-table-column label="录单人" align="center" prop="inputOrderManName" />
      <el-table-column label="派单人" align="center" prop="assUserName" />
      <el-table-column label="是否抛单" align="center" prop="isThrowOrder" />
      <el-table-column label="结算状态" align="center" prop="isSettStatus" />
      <el-table-column label="原始订单ID" align="center" prop="orderFromOrderId" />
      <el-table-column label="允许改价" align="center" prop="isAllowChangeOrderFee" />
      <el-table-column label="接单保障金" align="center" prop="recOrderInsureAmount" />
      <el-table-column label="支付方式" align="center" prop="payMethod" />
      <el-table-column label="服务费用" align="center" prop="serviceAmount" />
      <el-table-column label="是否推送JDP" align="center" prop="isPushJdp" />
      <el-table-column label="抛单次数" align="center" prop="throwCount" />
      <el-table-column label="转单类型" align="center" prop="transfType" />
      <el-table-column label="JDP推送状态" align="center" prop="pushJdpOrderState" />
      <el-table-column label="完成时间" align="center" prop="completeTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.completeTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="组长UID" align="center" prop="groupMangeUid" />
      <el-table-column label="接单结算次数" align="center" prop="recSettCount" />
      <el-table-column label="上传截图数" align="center" prop="imgCount" />
      <el-table-column label="手机" align="center" prop="sphone" />
      <el-table-column label="删除时间" align="center" prop="delTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.delTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="删除人" align="center" prop="delUserName" />
      <el-table-column label="业务类型" align="center" prop="bussType" />
      <el-table-column label="下单人" align="center" prop="addOrderUserName" />
      <el-table-column label="退款金额" align="center" prop="refundFee" />
      <el-table-column label="退款时间" align="center" prop="refundTimeStr" />
      <el-table-column label="退款方式" align="center" prop="refundModel" />
      <el-table-column label="退款人" align="center" prop="refundUserName" />
      <el-table-column label="项目类型" align="center" prop="projectTypeName" />
      <el-table-column label="实收金额" align="center" prop="netReceipts" />
      <el-table-column label="TID" align="center" prop="tid" />
      <el-table-column label="渠道ID" align="center" prop="fsid" />
      <el-table-column label="客户ID" align="center" prop="customerId" />
      <el-table-column label="原始价格" align="center" prop="originPrice" />
      <el-table-column label="优惠" align="center" prop="discount" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['order:raw:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['order:raw:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改订单管理数据对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="单号" prop="orderId">
          <el-input v-model="form.orderId" placeholder="请输入单号" />
        </el-form-item>
        <el-form-item label="展示单号" prop="orderIdView">
          <el-input v-model="form.orderIdView" placeholder="请输入展示单号" />
        </el-form-item>
        <el-form-item label="名称" prop="gameName">
          <el-input v-model="form.gameName" placeholder="请输入名称" />
        </el-form-item>
        <el-form-item label="区服" prop="gameArea">
          <el-input v-model="form.gameArea" placeholder="请输入区服" />
        </el-form-item>
        <el-form-item label="服务器" prop="gameServer">
          <el-input v-model="form.gameServer" placeholder="请输入服务器" />
        </el-form-item>
        <el-form-item label="职业" prop="gameJob">
          <el-input v-model="form.gameJob" placeholder="请输入职业" />
        </el-form-item>
        <el-form-item label="分组" prop="gameGroup">
          <el-input v-model="form.gameGroup" placeholder="请输入分组" />
        </el-form-item>
        <el-form-item label="角色名" prop="roleName">
          <el-input v-model="form.roleName" placeholder="请输入角色名" />
        </el-form-item>
        <el-form-item label="等级" prop="levelMark">
          <el-input v-model="form.levelMark" placeholder="请输入等级" />
        </el-form-item>
        <el-form-item label="物品备注" prop="itemRemark">
          <el-input v-model="form.itemRemark" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="其他备注" prop="otherRemark">
          <el-input v-model="form.otherRemark" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="标签" prop="orderLabel">
          <el-input v-model="form.orderLabel" placeholder="请输入标签" />
        </el-form-item>
        <el-form-item label="标签颜色" prop="orderLabelColor">
          <el-input v-model="form.orderLabelColor" placeholder="请输入标签颜色" />
        </el-form-item>
        <el-form-item label="预计小时数" prop="hours">
          <el-input v-model="form.hours" placeholder="请输入预计小时数" />
        </el-form-item>
        <el-form-item label="超时描述" prop="orderHoursDescStr">
          <el-input v-model="form.orderHoursDescStr" placeholder="请输入超时描述" />
        </el-form-item>
        <el-form-item label="订单状态" prop="orderSta">
          <el-input v-model="form.orderSta" placeholder="请输入订单状态" />
        </el-form-item>
        <el-form-item label="项目描述" prop="project">
          <el-input v-model="form.project" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="指派时间" prop="assTime">
          <el-date-picker clearable
            v-model="form.assTime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择指派时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="开始时间" prop="startTime">
          <el-date-picker clearable
            v-model="form.startTime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择开始时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="期望完成时间" prop="expectEndTime">
          <el-input v-model="form.expectEndTime" placeholder="请输入期望完成时间" />
        </el-form-item>
        <el-form-item label="接单人" prop="recManName">
          <el-input v-model="form.recManName" placeholder="请输入接单人" />
        </el-form-item>
        <el-form-item label="接单费用" prop="recFee">
          <el-input v-model="form.recFee" placeholder="请输入接单费用" />
        </el-form-item>
        <el-form-item label="是否自动指派" prop="isAutoAssignment">
          <el-input v-model="form.isAutoAssignment" placeholder="请输入是否自动指派" />
        </el-form-item>
        <el-form-item label="自动指派人" prop="autoAssignmentManName">
          <el-input v-model="form.autoAssignmentManName" placeholder="请输入自动指派人" />
        </el-form-item>
        <el-form-item label="接单时间" prop="recOrderTime">
          <el-date-picker clearable
            v-model="form.recOrderTime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择接单时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="机位编号" prop="jiwei">
          <el-input v-model="form.jiwei" placeholder="请输入机位编号" />
        </el-form-item>
        <el-form-item label="是否已读" prop="isRead">
          <el-input v-model="form.isRead" placeholder="请输入是否已读" />
        </el-form-item>
        <el-form-item label="是否加急" prop="isJiaJi">
          <el-input v-model="form.isJiaJi" placeholder="请输入是否加急" />
        </el-form-item>
        <el-form-item label="是否拆单" prop="isSplitOrder">
          <el-input v-model="form.isSplitOrder" placeholder="请输入是否拆单" />
        </el-form-item>
        <el-form-item label="自定义标签" prop="customizeTag">
          <el-input v-model="form.customizeTag" placeholder="请输入自定义标签" />
        </el-form-item>
        <el-form-item label="动态备注" prop="dynamicRemark">
          <el-input v-model="form.dynamicRemark" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="订单备注" prop="orderRemark">
          <el-input v-model="form.orderRemark" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="任务ID" prop="taskId">
          <el-input v-model="form.taskId" placeholder="请输入任务ID" />
        </el-form-item>
        <el-form-item label="任务名称" prop="taskName">
          <el-input v-model="form.taskName" placeholder="请输入任务名称" />
        </el-form-item>
        <el-form-item label="游戏账号" prop="gameAcc">
          <el-input v-model="form.gameAcc" placeholder="请输入游戏账号" />
        </el-form-item>
        <el-form-item label="账号密码" prop="accPwd">
          <el-input v-model="form.accPwd" placeholder="请输入账号密码" />
        </el-form-item>
        <el-form-item label="子账号" prop="zgameAcc">
          <el-input v-model="form.zgameAcc" placeholder="请输入子账号" />
        </el-form-item>
        <el-form-item label="订单内容">
          <editor v-model="form.orderContent" :min-height="192"/>
        </el-form-item>
        <el-form-item label="黑名单ID" prop="backListId">
          <el-input v-model="form.backListId" placeholder="请输入黑名单ID" />
        </el-form-item>
        <el-form-item label="拆单ID" prop="splitId">
          <el-input v-model="form.splitId" placeholder="请输入拆单ID" />
        </el-form-item>
        <el-form-item label="手机号" prop="moblie">
          <el-input v-model="form.moblie" placeholder="请输入手机号" />
        </el-form-item>
        <el-form-item label="QQ号" prop="qq">
          <el-input v-model="form.qq" placeholder="请输入QQ号" />
        </el-form-item>
        <el-form-item label="旺旺号" prop="WangWang">
          <el-input v-model="form.WangWang" placeholder="请输入旺旺号" />
        </el-form-item>
        <el-form-item label="来源平台" prop="orderSoure">
          <el-input v-model="form.orderSoure" placeholder="请输入来源平台" />
        </el-form-item>
        <el-form-item label="来源域名" prop="soureFromHost">
          <el-input v-model="form.soureFromHost" placeholder="请输入来源域名" />
        </el-form-item>
        <el-form-item label="客户付款价格" prop="price">
          <el-input v-model="form.price" placeholder="请输入客户付款价格" />
        </el-form-item>
        <el-form-item label="录单人" prop="inputOrderManName">
          <el-input v-model="form.inputOrderManName" placeholder="请输入录单人" />
        </el-form-item>
        <el-form-item label="派单人" prop="assUserName">
          <el-input v-model="form.assUserName" placeholder="请输入派单人" />
        </el-form-item>
        <el-form-item label="是否抛单" prop="isThrowOrder">
          <el-input v-model="form.isThrowOrder" placeholder="请输入是否抛单" />
        </el-form-item>
        <el-form-item label="原始订单ID" prop="orderFromOrderId">
          <el-input v-model="form.orderFromOrderId" placeholder="请输入原始订单ID" />
        </el-form-item>
        <el-form-item label="允许改价" prop="isAllowChangeOrderFee">
          <el-input v-model="form.isAllowChangeOrderFee" placeholder="请输入允许改价" />
        </el-form-item>
        <el-form-item label="接单保障金" prop="recOrderInsureAmount">
          <el-input v-model="form.recOrderInsureAmount" placeholder="请输入接单保障金" />
        </el-form-item>
        <el-form-item label="支付方式" prop="payMethod">
          <el-input v-model="form.payMethod" placeholder="请输入支付方式" />
        </el-form-item>
        <el-form-item label="服务费用" prop="serviceAmount">
          <el-input v-model="form.serviceAmount" placeholder="请输入服务费用" />
        </el-form-item>
        <el-form-item label="是否推送JDP" prop="isPushJdp">
          <el-input v-model="form.isPushJdp" placeholder="请输入是否推送JDP" />
        </el-form-item>
        <el-form-item label="抛单次数" prop="throwCount">
          <el-input v-model="form.throwCount" placeholder="请输入抛单次数" />
        </el-form-item>
        <el-form-item label="JDP推送状态" prop="pushJdpOrderState">
          <el-input v-model="form.pushJdpOrderState" placeholder="请输入JDP推送状态" />
        </el-form-item>
        <el-form-item label="完成时间" prop="completeTime">
          <el-date-picker clearable
            v-model="form.completeTime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择完成时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="组长UID" prop="groupMangeUid">
          <el-input v-model="form.groupMangeUid" placeholder="请输入组长UID" />
        </el-form-item>
        <el-form-item label="接单结算次数" prop="recSettCount">
          <el-input v-model="form.recSettCount" placeholder="请输入接单结算次数" />
        </el-form-item>
        <el-form-item label="上传截图数" prop="imgCount">
          <el-input v-model="form.imgCount" placeholder="请输入上传截图数" />
        </el-form-item>
        <el-form-item label="手机" prop="sphone">
          <el-input v-model="form.sphone" placeholder="请输入手机" />
        </el-form-item>
        <el-form-item label="删除时间" prop="delTime">
          <el-date-picker clearable
            v-model="form.delTime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择删除时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="删除人" prop="delUserName">
          <el-input v-model="form.delUserName" placeholder="请输入删除人" />
        </el-form-item>
        <el-form-item label="下单人" prop="addOrderUserName">
          <el-input v-model="form.addOrderUserName" placeholder="请输入下单人" />
        </el-form-item>
        <el-form-item label="退款金额" prop="refundFee">
          <el-input v-model="form.refundFee" placeholder="请输入退款金额" />
        </el-form-item>
        <el-form-item label="退款时间" prop="refundTimeStr">
          <el-input v-model="form.refundTimeStr" placeholder="请输入退款时间" />
        </el-form-item>
        <el-form-item label="退款方式" prop="refundModel">
          <el-input v-model="form.refundModel" placeholder="请输入退款方式" />
        </el-form-item>
        <el-form-item label="退款人" prop="refundUserName">
          <el-input v-model="form.refundUserName" placeholder="请输入退款人" />
        </el-form-item>
        <el-form-item label="项目类型" prop="projectTypeName">
          <el-input v-model="form.projectTypeName" placeholder="请输入项目类型" />
        </el-form-item>
        <el-form-item label="实收金额" prop="netReceipts">
          <el-input v-model="form.netReceipts" placeholder="请输入实收金额" />
        </el-form-item>
        <el-form-item label="TID" prop="tid">
          <el-input v-model="form.tid" placeholder="请输入TID" />
        </el-form-item>
        <el-form-item label="渠道ID" prop="fsid">
          <el-input v-model="form.fsid" placeholder="请输入渠道ID" />
        </el-form-item>
        <el-form-item label="客户ID" prop="customerId">
          <el-input v-model="form.customerId" placeholder="请输入客户ID" />
        </el-form-item>
        <el-form-item label="原始价格" prop="originPrice">
          <el-input v-model="form.originPrice" placeholder="请输入原始价格" />
        </el-form-item>
        <el-form-item label="优惠" prop="discount">
          <el-input v-model="form.discount" placeholder="请输入优惠" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listRaw, getRaw, delRaw, addRaw, updateRaw } from "@/api/order/raw"

export default {
  name: "Raw",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 订单管理数据表格数据
      rawList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        oid: null,
        orderId: null,
        orderIdView: null,
        gameName: null,
        gameArea: null,
        gameServer: null,
        gameJob: null,
        gameGroup: null,
        roleName: null,
        levelMark: null,
        itemRemark: null,
        otherRemark: null,
        orderLabel: null,
        orderLabelColor: null,
        hours: null,
        orderHoursDescStr: null,
        orderSta: null,
        project: null,
        assTime: null,
        startTime: null,
        expectEndTime: null,
        recManName: null,
        recFee: null,
        isAutoAssignment: null,
        autoAssignmentManName: null,
        createTime: null,
        recOrderTime: null,
        jiwei: null,
        isRead: null,
        isJiaJi: null,
        isSplitOrder: null,
        customizeTag: null,
        dynamicRemark: null,
        orderRemark: null,
        taskId: null,
        taskName: null,
        gameAcc: null,
        accPwd: null,
        zgameAcc: null,
        orderContent: null,
        backListId: null,
        splitId: null,
        moblie: null,
        qq: null,
        WangWang: null,
        orderSoure: null,
        soureFromHost: null,
        price: null,
        inputOrderManName: null,
        assUserName: null,
        isThrowOrder: null,
        isSettStatus: null,
        orderFromOrderId: null,
        isAllowChangeOrderFee: null,
        recOrderInsureAmount: null,
        payMethod: null,
        serviceAmount: null,
        isPushJdp: null,
        throwCount: null,
        transfType: null,
        pushJdpOrderState: null,
        completeTime: null,
        groupMangeUid: null,
        recSettCount: null,
        imgCount: null,
        sphone: null,
        delTime: null,
        delUserName: null,
        bussType: null,
        addOrderUserName: null,
        refundFee: null,
        refundTimeStr: null,
        refundModel: null,
        refundUserName: null,
        projectTypeName: null,
        netReceipts: null,
        tid: null,
        fsid: null,
        customerId: null,
        originPrice: null,
        discount: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    }
  },
  created() {
    this.getList()
  },
  methods: {
    /** 查询订单管理数据列表 */
    getList() {
      this.loading = true
      listRaw(this.queryParams).then(response => {
        this.rawList = response.rows
        this.total = response.total
        this.loading = false
      })
    },
    // 取消按钮
    cancel() {
      this.open = false
      this.reset()
    },
    // 表单重置
    reset() {
      this.form = {
        oid: null,
        orderId: null,
        orderIdView: null,
        gameName: null,
        gameArea: null,
        gameServer: null,
        gameJob: null,
        gameGroup: null,
        roleName: null,
        levelMark: null,
        itemRemark: null,
        otherRemark: null,
        orderLabel: null,
        orderLabelColor: null,
        hours: null,
        orderHoursDescStr: null,
        orderSta: null,
        project: null,
        assTime: null,
        startTime: null,
        expectEndTime: null,
        recManName: null,
        recFee: null,
        isAutoAssignment: null,
        autoAssignmentManName: null,
        createTime: null,
        recOrderTime: null,
        jiwei: null,
        isRead: null,
        isJiaJi: null,
        isSplitOrder: null,
        customizeTag: null,
        dynamicRemark: null,
        orderRemark: null,
        taskId: null,
        taskName: null,
        gameAcc: null,
        accPwd: null,
        zgameAcc: null,
        orderContent: null,
        backListId: null,
        splitId: null,
        moblie: null,
        qq: null,
        WangWang: null,
        orderSoure: null,
        soureFromHost: null,
        price: null,
        inputOrderManName: null,
        assUserName: null,
        isThrowOrder: null,
        isSettStatus: null,
        orderFromOrderId: null,
        isAllowChangeOrderFee: null,
        recOrderInsureAmount: null,
        payMethod: null,
        serviceAmount: null,
        isPushJdp: null,
        throwCount: null,
        transfType: null,
        pushJdpOrderState: null,
        completeTime: null,
        groupMangeUid: null,
        recSettCount: null,
        imgCount: null,
        sphone: null,
        delTime: null,
        delUserName: null,
        bussType: null,
        addOrderUserName: null,
        refundFee: null,
        refundTimeStr: null,
        refundModel: null,
        refundUserName: null,
        projectTypeName: null,
        netReceipts: null,
        tid: null,
        fsid: null,
        customerId: null,
        originPrice: null,
        discount: null
      }
      this.resetForm("form")
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1
      this.getList()
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm")
      this.handleQuery()
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.oid)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset()
      this.open = true
      this.title = "添加订单管理数据"
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset()
      const oid = row.oid || this.ids
      getRaw(oid).then(response => {
        this.form = response.data
        this.open = true
        this.title = "修改订单管理数据"
      })
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.oid != null) {
            updateRaw(this.form).then(response => {
              this.$modal.msgSuccess("修改成功")
              this.open = false
              this.getList()
            })
          } else {
            addRaw(this.form).then(response => {
              this.$modal.msgSuccess("新增成功")
              this.open = false
              this.getList()
            })
          }
        }
      })
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const oids = row.oid || this.ids
      this.$modal.confirm('是否确认删除订单管理数据编号为"' + oids + '"的数据项？').then(function() {
        return delRaw(oids)
      }).then(() => {
        this.getList()
        this.$modal.msgSuccess("删除成功")
      }).catch(() => {})
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('order/raw/export', {
        ...this.queryParams
      }, `raw_${new Date().getTime()}.xlsx`)
    }
  }
}
</script>
